<!DOCTYPE html>
<html>
<body>
<ul>
    <li>step=none <input type="datetime-local"> <input type="datetime-local" value="9876-05-04T12:34"></li>
    <li>step=1 <input type="datetime-local" step="1"> <input step="1" type="datetime-local" value="9876-05-04T12:34:56"></li>
    <li>step=0.001 <input type="datetime-local" step="0.001"> <input step="0.001" type="datetime-local" value="9876-05-04T12:34:56.789"></li>
    <li>step=3600 <input type="datetime-local" step="3600"> <input step="3600" type="datetime-local" value="9876-05-04T12:00"></li>
    <li>step=86400 <input type="datetime-local" step="86400"> <input step="86400" type="datetime-local" min="9876-05-04T12:34:56.789"></li>
    <li>step mismatched   <input type="datetime-local" step="60" value="2012-12-08T12:34:56"></li>
    <li>RTL <input type="datetime-local" step="1" value="9876-05-04T12:34:56" dir="rtl"></li>
    <li>Disabled <input disabled type="datetime-local" value="0999-01-01T23:59"> <input disabled type="datetime-local"></li>
    <li>Readonly, step=3600 <input readonly type="datetime-local" step="3600" value="9999-12-31T23:59:59.999"> <input readonly step="3600" type="datetime-local"></li>
</ul>

<ul>
    <li>text-align: <input type="datetime-local" value="1234-05-06T12:34:56" style="text-align: left;"></li>
    <li>text-transform: <input type="datetime-local" value="9876-05-04T12:34" style="text-transform: lowercase;"></li>
    <li>background, color: <input type="datetime-local" value="9876-05-04T12:34" style="border: 0px; background: green; color: yellow;"></li>
    <li>font-size, font-weight: <input type="datetime-local" value="9876-05-04T12:34" style="font-size: 20pt; font-weight: bold;"></li>
    <li>font-size with fixed input width: <input type="datetime-local" value="9876-05-04T12:34" style="font-size: 20pt; width: 18em;"></li>
    <li>Fixed input height: <input type="datetime-local" value="9876-05-04T12:34" style="height: 4em;"></li>
    <li>-webkit-appearance:none: <input type="datetime-local" value="9876-05-04T13:56" style="-webkit-appearance: none;"></li>
    <li>padding: <input type="datetime-local" value="1234-05-06T12:34:56" style="padding: 20px"></li>
</ul>
<script>
document.querySelector('input').focus();
</script>
</body>
</html>
